<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml">
<wicket:panel>
	


<div class="colmask threecol">
	<div class="colmid">
		<div class="colleft">
			<div class="col1">
				<!-- Column 1 start -->
<div wicket:id="feedbackPanel" class="feedbackPanel"></div>

<p>
This is a geosearch.  It will show you what is close by (in terms of distance) to an origination (a base location).  You can start by entering an address in the first form and geolocation it.  This will resolve the address that you enter into the form into a location(a longitude and latitude).  After we have a longitude and latitude as a source, you can perform 
a geosearch.  The geosearch will show you what is nearby to your source location.  In addition, you can filter by keywords, type of object and proximity.
<br />
Every single zipcode in the USA is in this demo, that's over 43,000 of them.
</p>

									<div wicket:id="updateContainer">
						
						


                        <div wicket:id="resultsTable" >
							<!-- resultstable has to be a div, table breaks ajax -->
                        </div>

        <div  wicket:id="gmap"></div>	
        
                        <div wicket:id="detailPanel">this is either the results table or the detail</div>
					
										
								
						

					
										
										
                    </div>
				
				
				<!-- Column 1 end -->
			</div>
			<div class="col2">
				<!-- Column 2 start -->

<a wicket:id="addLink">should not show</a>
                    <h2>Geocode your origination</h2>
			
			
                        <form wicket:id="geocodeForm">
                            <table>     
                                <tr>
                                    <td>
                                        <label for="geocodeAddress"><wicket:message key="geocodeAddress">
                                        [geocodeAddress]</wicket:message></label>
                                    </td>
                                    <td>
                                        <input type="text" size="40" id="geocodeAddress" maxlength="100" wicket:id="geocodeAddress">
                                        </input>
                                        <br />
                                        Enter an address like: "821 Mohawk Street, Columbus OH"
                                    </td>
                                </tr>  
                                                                               
                               
            										       
		                <tr>
                    <td><label for="longitude"><wicket:message key="longitude">[longitude]</wicket:message></label></td>
                    <td><span id="longitude" wicket:id="longitude"></span></td>
                </tr>
                <tr>
                    <td><label for="latitude"><wicket:message key="latitude">[latitude]</wicket:message></label></td>
                    <td><span id="latitude" wicket:id="latitude"></span></td>
                </tr>
                
                                   
                               
                                <tr>
                                    <td>&nbsp;</td>
                                    <td>
                                        <input type="submit" wicket:id="geocodeButton"
                                        value="Geocode" class="submit">
                                        </input>
                                    </td>
                                </tr>
                            </table>
                        </form>
                        
                         <h2>Perform Your GeoSearch</h2>
                        			
                        <form wicket:id="searchForm">
                            <table>
                                <tr>
                                    <td>
                                        <label for="keywords"><wicket:message key="keywords">
                                        [keywords]</wicket:message></label>
                                    </td>
                                    <td>
                                        <input type="text" id="keywords" maxlength="100" wicket:id="keywords">
                                        </input>
                                    </td>
                                </tr>       
                                      
                                <tr>
                                    <td>
                                        <label for="mileRadius"><wicket:message key="mileRadius">
                                        [mileRadius]</wicket:message></label>
                                    </td>
                                    <td>
                                        <select type="text" id="mileRadius"  wicket:id="mileRadius">
                                        </select>
                                    </td>
                                </tr> 
                                <tr>
                                    <td>
                                        <label for="contentDefIds"><wicket:message key="contentDefIds">
                                        [contentDefIds]</wicket:message></label>
                                    </td>
                                    <td>
                                        <select type="text" id="contentDefIds"  wicket:id="contentDefIds">
                                        </select>
                                    </td>
                                </tr> 
                                                                
                                                               
                               
                               
                                <tr>
                                    <td>&nbsp;</td>
                                    <td>
                                        <input type="submit" wicket:id="search"
                                        value="Search" class="submit">
                                        </input>
                                    </td>
                                </tr>
                            </table>
                        </form>
				<!-- Column 2 end -->
			</div>
			<div class="col3">

				<!-- Column 3 start -->

    <h2>Geosearch Results</h2>
            <ul wicket:id="geosearchResultsList">
                <li>  
                
                
                      Result #: <span wicket:id="resultNumber">resultNumber</span>
                  <br />
                  City:  <span wicket:id="cityName">cityName</span>
                <br />
                
              Zipcode:<span wicket:id="name">Name</span>
                <br />
                 At a distance of: <span wicket:id="distance">distance</span>
                
                
                
                </li>

            </ul>


				<!-- Column 3 end -->

			</div>
		</div>
	</div>
</div>
	
	
		
	
		




  
</wicket:panel>
</html>
		 
                    
                    

